<template>
  <div class="_main">
    <div class="_log2_list">
      <div>Total price</div>
      <div>100,000,000 MGC</div>
    </div>
    <div class="_log2_list1 mt1">
      <div>Fixed price</div>
      <div>3,940 RACA</div>
    </div>
    <div class="_log2_list1 mt2">
      <div>Amount</div>
      <div>1</div>
    </div>
    <div class="_log2_list1 mt2" >
      <div>Average price</div>
      <div>3,936.1 RACA</div>
      <el-tooltip placement="top" effect="light">
        <template #content> multiple lines<br />second line </template>
        <div>?</div>
      </el-tooltip>

    </div>
    <div class="_log_btn">
      <div>Cancel</div>
      <div>Sell</div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "log2"
    }
</script>

<style scoped lang="scss">
  ._main {
    padding: 26px;
  }
  ._log2_list {
    margin-bottom: 33px;
    display: flex;
    align-items: center;
    div {
      &:nth-child(1) {
        font-size: 14px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #AFAFAF;
        width: 100px;
      }
      &:nth-child(2) {
        font-size: 24px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2B2B2B;
        margin-left: 42px;
      }
      &:nth-child(3) {
        width: 16px;
        height: 16px;
        background: #D7D7D7;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        margin-left: 6px;
      }
    }
  }
  ._log2_list1 {
    display: flex;
    align-items: center;

    div {
      &:nth-child(1) {
        font-size: 14px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #AFAFAF;
        width: 100px;
      }
      &:nth-child(2) {
        font-size: 14px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #2B2B2B;
        margin-left: 42px;
      }
      &:nth-child(3) {
        width: 16px;
        height: 16px;
        background: #D7D7D7;
        border-radius: 50%;
        color: #fff;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        margin-left: 6px;
      }
    }
  }
  .mt1 {
    margin-bottom: 11px;
  }
  .mt2 {
    margin-bottom: 33px;
  }
  ._log_btn {
    display: flex;
    align-items: center;
    margin-top: 29px;
    justify-content: space-between;
    div {
      width: 206px;
      height: 45px;
      background: #FCC33C;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #383838;
      line-height: 45px;
      text-align: center;
    }
  }
</style>
